✅ Deploy Preview for xenodochial-hugle-b9ec84 ready!

Name	Link
🔨 Latest commit	928577b
🔍 Latest deploy log	https://app.netlify.com/sites/xenodochial-hugle-b9ec84/deploys/673b38308a40d50008b08cf5
😎 Deploy Preview	https://deploy-preview-1204--xenodochial-hugle-b9ec84.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Oh cool feature! Do you have a screenshot of what the UI looks like?

My only worry is this part:

Since we sync that map to local storage, I think this existing code would wipe out the existing solved map status.

I think we can fix that in the isLevelSolved: function(levelID) { function @Patolord

I did not mess too much with styling to not ruin your design so the css just change to gold the level.
but it would be cool to change icon to star. ( i did not fix the hover and other css classes).

Do you mean we need to migrate old users ?
from
{"intro1": true, "intro2": true}
to
{
"intro1": { "solved": true, "best": true },
"intro2": { "solved": true, "best": false }
} ?

A star would be cool!!

I added a fix for old users:
b3d0004

it works now :)
https://learngitbranching.js.org/?NODEMO&command=levels

its just a matter of changing react-ok-icon to react-star class on the tag.
but im not sure how to implement the conditional styling.

That would be in the template.index.html, over in this area:

    <div class="iconHolder box horizontal">
      <% for (var i = 0; i < ids.length; i++) { %>
        <a href="javascript:void(0)" class="levelIcon box center centerAlign vertical" id="levelIcon-<%=ids[i]%>" data-id="<%=ids[i]%>">
          <div class="index box" data-id="<%=ids[i]%>">
            <i class="icon-ok-circle" data-id="<%=ids[i]%>"></i>
            <div class="indexNum" data-id="<%=ids[i]%>">
              <%= i + 1 %>
            </div>
          </div>
        </a>
      <% } %>
    </div>

I would add another icon and then just conditionally show or hide the icon based on CSS rules :)